<!DOCTYPE html>
<html>
  
  <head>
    <meta charset="UTF-8">
    <title>欢迎页面-小螺号</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta name="viewport" content="width=device-width,user-scalable=yes, minimum-scale=0.4, initial-scale=0.8,target-densitydpi=low-dpi" />
    <link rel="shortcut icon" href="/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" href="./css/font.css">
    <link rel="stylesheet" href="./css/xadmin.css">
   <script type="text/javascript" src="js/jquery.min.js" ></script>
    <script type="text/javascript" src="./lib/layui/layui.js" charset="utf-8"></script>
    <script type="text/javascript" src="./js/xadmin.js"></script>
    <script type="text/javascript" src="js/commentlist.js" ></script>
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
      <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
      <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>
  <style>
  	/*购物车*/
/*.shopping{clear:both;overflow:hidden;height:auto;padding-bottom: 60px;}
.shop-group-item{margin-bottom:5px;}
.shop-group-item ul li{border-bottom:1px solid #fff;}
.shop-group-item ul li:last-child{border-bottom:none;}

.shop-name{background:#fff;height:35px;line-height:35px;padding:0 15px;position:relative;}
.shop-name h4{float:left;font-size:14px;background:url(../images/icon/icon-kin.png) no-repeat left center;background-size:20px 20px;padding-left:25px;margin-left: 28px;}
.shop-name .coupons{float:right;}
.shop-name .coupons span{display:inline-block;padding:0 5px;}
.shop-name .coupons em{color:#e0e0e0;}

.shop-info{background:#f5f5f5;height:120px;padding:0 15px;position:relative;}
.shop-info .checkbox{background:url(../images/icon/icon_radio3.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
.shop-info .checkbox1{background:url(../images/icon/icon_radio4.png) no-repeat left center;background-size:20px 20px;position:absolute;top:50%;left:15px;margin-top:-60px;width:20px;height:120px;}
.shop-info .shop-info-img{position:absolute;top:15px;left:45px;width:90px;height:90px;}
.shop-info .shop-info-img img{width:100%;height:100%;}
.shop-info .shop-info-text{margin-left:130px;padding:15px 0;}
.shop-info .shop-info-text h4{font-size:14px;display:-webkit-box;-webkit-box-orient:vertical;-webkit-line-clamp:2;overflow: hidden;}
.shop-info .shop-info-text .shop-brief{height:25px;line-height:25px;font-size:12px;color:#81838e;white-space:nowrap;}
.shop-info .shop-info-text .shop-brief span{display:inline-block;margin-right:8px;}
.shop-info .shop-info-text .shop-price{height:24px;line-height:24px;position:relative;}
.shop-info .shop-info-text .shop-price .shop-pices {color:red;font-size:16px;}
.shop-info .shop-info-text .shop-arithmetic{position:absolute;right:0px;top:0;width:84px;box-sizing:border-box;white-space:nowrap;height:100%;border:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic a{display:inline-block;width:23px;height:22px;line-height:22px;text-align:center;background:#fff;font-size:16px;}
.shop-info .shop-info-text .shop-arithmetic .minus{border-right:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic .failed{color:#d1d1d1;}
.shop-info .shop-info-text .shop-arithmetic .plus{border-left:1px solid #e0e0e0;}
.shop-info .shop-info-text .shop-arithmetic .num{width:32px;text-align:center;border:none;display: inline-block;height:100%;box-sizing:border-box;vertical-align:top;margin:0 -6px;}
.shopPrice{background:#fff;height:35px;line-height:35px;padding:0 15px;text-align:right;}
.shopPrice span{color:#f00;}

.payment-bar{clear:both;overflow:hidden;width:100%;height:49px;position:fixed;bottom:0;border-top:1px solid #e0e0e0;background:#fff;}
.payment-bar .all-checkbox{float:left;line-height:49px;padding-left:40px;}
.payment-bar .shop-total{float:left;-webkit-box-flex:1.0;box-flex:1.0;margin:9px 20px 9px 35px;}
.payment-bar .shop-total strong{display:block;font-size:16px;}
.payment-bar .shop-total span{display:block;font-size:12px;}
.payment-bar .settlement{display:inline-block;float:right;width:100px;height:49px;line-height:49px;text-align:center;color:#fff;font-size:16px;background:#f23030;}*/
  </style>
  <script>
  	$(function){
  		var timestamp = Date.parse(new Date()).Format("yyyy-MM-dd");
  		alert(timestamp);
  	}
  </script>
  <body>
    <div class="x-nav">
      <span class="layui-breadcrumb">
        <a href="">首页</a>
        <a href="">订单管理</a>
        <a>
          <cite>订单列表</cite></a>
      </span>
      <a class="layui-btn layui-btn-small" style="line-height:1.6em;margin-top:3px;float:right" href="javascript:location.replace(location.href);" title="刷新">
        <i class="layui-icon" style="line-height:30px">ဂ</i></a>
    </div>
    <div class="x-body">
      <div class="layui-row">
        <form class="layui-form layui-col-md12 x-so">
         
          
          <div class="layui-input-inline">
            <select name="contrller">
              <option>支付方式</option>
              <option>支付宝</option>
              <option>微信</option>
              <option>货到付款</option>
            </select>
          </div>
          <div class="layui-input-inline">
            <select name="contrller">
              <option value="">订单状态</option>
              <option value="0">待确认</option>
              <option value="1">已确认</option>
              <option value="2">已收货</option>
              <option value="3">已取消</option>
              <option value="4">已完成</option>
              <option value="5">已作废</option>
            </select>
          </div>
          <input type="text" name="username"  placeholder="请输入订单号" autocomplete="off" class="layui-input">
          <button class="layui-btn"  lay-submit="" lay-filter="sreach"><i class="layui-icon">&#xe615;</i></button>
        </form>
      </div>
      <xblock>
        <button class="layui-btn layui-btn-danger" onclick="delAll()"><i class="layui-icon"></i>批量删除</button>
          <button class="layui-btn" onclick="x_admin_show('添加评论','./comment-add.html')"><i class="layui-icon"></i>添加评论</button>
       
        <span class="x-right" style="line-height:40px">共有数据：88 条</span>
      </xblock>
      <table class="layui-table" style=" display: none;">
        <thead>
          <tr>
            <th>
              <div class="layui-unselect header layui-form-checkbox" lay-skin="primary"><i class="layui-icon">&#xe605;</i></div>
            </th>
            <th>用户名</th>
            <th>联系方式</th>
            <th>发货状态</th>
            <th>支付方式</th>
           
            <th >操作</th>
            </tr>
        </thead>
        <tbody>
          <tr>
            <td>
              <div class="layui-unselect layui-form-checkbox" lay-skin="primary" data-id='2'><i class="layui-icon">&#xe605;</i></div>
            </td>
            <td>老王:18925139194</td>
            <td>15824913360</td>
            <td>未发货</td>
            <td>其他方式</td>
  
            <td class="td-manage">
              <a title="查看"  onclick="x_admin_show('编辑','order-view.html')" href="javascript:;">
                <i class="layui-icon">&#xe63c;</i>
              </a>
              <a title="删除" onclick="member_del(this,'要删除的id')" href="javascript:;">
                <i class="layui-icon">&#xe640;</i>
              </a>
            </td>
          </tr>
        </tbody>
      </table>
      
      
      
      
<table class="layui-table" lay-skin="line"  style="border:none;margin-bottom:30px;">
  <colgroup>
  	<col width="50">
    <col width="350">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
  </colgroup>
  <thead>
    <tr>
    	<th><input type="checkbox" class="check order-check" id="AllCheck"></th>
      <th>商品</th>
      <th>价格</th>
      <th>数量</th>
      <th>交易状态</th>
      <th>实收款</th>
    
      <th>打印</th>
    </tr> 
  </thead>
</table>   







<table class="layui-table order-group-item" lay-skin="line" style="margin-bottom: 30px;">
  <colgroup>
  	<col width="50">
    <col width="350">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
    <col width="150">
  </colgroup>
  <thead>
    <tr>
    	<th>
         <input type="checkbox" class="check order-check orderCheck">
      </th>
      <th><b>2018-5-28&nbsp;&nbsp;&nbsp;&nbsp;订单号：</b>410826199001100527</th>
      <th>单价</th>
      <th>数量</th>
      <th>交易状态</th>
      <th>实收款</th>
      <th>售后</th>
      <th>评价</th>
      <th>打印</th>
    </tr> 
  </thead>
  <tbody>
    <tr class="order-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
    </tr>
    <tr class="shop-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
    </tr>
    <tr class="shop-info">
    	<td>
        <input type="checkbox" class="check order-check orderliCheck">
      </td>
      <td><a href="">天方香酥米 干吃面 零食 整箱30g*50包点心面碎碎面 香酥米</a></td>
      <td>￥22.80</td>
      <td>1</td>
      <td><p>交易成功</p><p>订单详情</p></td>
      <td>￥22.80<p style="color:#999;">(含快递费5:00)</p></td>
      <td>1989-10-14</td>
      <td>人生似修行</td> 
      <td> <button class="layui-btn layui-btn-radius layui-btn-xs layui-btn-warm" style="padding:0px 20px; height:30px; line-height: 30px;">打印</button></td> 
    </tr>
  </tbody>
</table>

      
      
      
      
      

    </div>
    <script>
      layui.use('laydate', function(){
        var laydate = layui.laydate;
        
        //执行一个laydate实例
        laydate.render({
          elem: '#start' //指定元素
        });


				laydate.render({
				  elem: '#end'
				  ,value: '2017-09-10'
				  ,show:true
				  ,isInitValue: true //是否允许填充初始值，默认为 true
				});
        //执行一个laydate实例
       /* laydate.render({
          elem: '#end' //指定元素
        });*/
      });

       /*用户-停用*/
      function member_stop(obj,id){
          layer.confirm('确认要停用吗？',function(index){

              if($(obj).attr('title')=='启用'){

                //发异步把用户状态进行更改
                $(obj).attr('title','停用')
                $(obj).find('i').html('&#xe62f;');

                $(obj).parents("tr").find(".td-status").find('span').addClass('layui-btn-disabled').html('已停用');
                layer.msg('已停用!',{icon: 5,time:1000});

              }else{
                $(obj).attr('title','启用')
                $(obj).find('i').html('&#xe601;');

                $(obj).parents("tr").find(".td-status").find('span').removeClass('layui-btn-disabled').html('已启用');
                layer.msg('已启用!',{icon: 5,time:1000});
              }
              
          });
      }

      /*用户-删除*/
      function member_del(obj,id){
          layer.confirm('确认要删除吗？',function(index){
              //发异步删除数据
              $(obj).parents("tr").remove();
              layer.msg('已删除!',{icon:1,time:1000});
          });
      }



      function delAll (argument) {

        var data = order_tableCheck.getData();
  
        layer.confirm('确认要删除吗？'+data,function(index){
            //捉到所有被选中的，发异步进行删除
            layer.msg('删除成功', {icon: 1});
            $(".layui-form-checked").not('.header').parents('tr').remove();
        });
      }
    </script>
    
  </body>

</html>